<php>res_load(PUBLIC_PATH.'/Js/jquery.plug/Swiper-3.3.1/css/swiper.css',"css")</php>
<php>res_load(PUBLIC_PATH.'/Js/jquery.plug/Swiper-3.3.1/js/swiper.js',"js")</php>
<div class="swiper-container" id="swiper_<{$swiper_id}>">
	<div class="swiper-wrapper" >
	<volist name="swiperData" id="vo">
		<div class="item swiper-slide" >
          <a href="<{$vo.url}>" target="_blank">
            <img style="width:100%" alt="<{$vo.title}>" src="__Img__/<{$vo.image}>">  
          </a>
        </div>
		
         
</volist>
	</div>
			
	    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
      <!-- Carousel items -->
       
    </div>
	
	<script>
	$(function(){
		 swiper = new Swiper('#swiper_<{$swiper_id}>', {
						pagination: '#swiper_<{$swiper_id}> .swiper-pagination',
						nextButton: '#swiper_<{$swiper_id}> .swiper-button-next',
						prevButton: '#swiper_<{$swiper_id}> .swiper-button-prev',
						loop: true,
					 	spaceBetween: 30,
						centeredSlides: true,
						autoplay: 2500,
					})
	})
	</script>